<template>
	<div class="instructions">

		<el-button type="danger" round plain size="small" @click="instruVisible = true">填报提醒</el-button>


		<el-dialog title="模拟填志愿功能使用说明" v-model="instruVisible" width="60%" :before-close="handleClose">
			<el-scrollbar height="400px">
				<p id="text-title">查找规则</p>
				<p id="text-content">
					考生在查询志愿时，院校名称和专业名称至少填写一个，其中院校名称字数不可少于3个字，专业名称不可
					少于2个字，专业名称可以输入或者选择器进行选择。
					考生可以添加意愿城市，点击增加按钮选择城市或者省份，最多可以添加5次，同时可以进行删除。
				</p>
				<p id="text-content">
					考生可以添加意愿城市，点击增加按钮选择城市或者省份，最多可以添加5次，同时可以进行删除。
				</p>
				<p id="text-content">
					如果根据考生信息和查询条件进行查询，没有符合条件的志愿，需要考生重新修改查询条件。
				</p>

				<p id="text-title">推荐规则</p>
				<p id="text-content">
					智能推荐志愿功能所推荐的所有志愿，是根据考生注册时所填考生信息(包括考生分数、选科)结合院校、专业和意愿城市
					进行推荐的。考生本人信息可以重新编辑，考生分数，选科为必填项。
				</p>

				<p id="text-title">填报规则</p>
				<p id="text-content">
					填报时，同一志愿不可以重复添加到我的志愿表；填志愿不可以选择我的志愿表已经存在志愿的志愿序号。
				</p>

				<p id="text-title">名词解释</p>
				<el-descriptions class="margin-top" :column="1" border>
					<el-descriptions-item label="录取概率">
						系统根据成绩信息结合招生计划、历史录取、报考规则等条件综合计算所得
					</el-descriptions-item>
					<el-descriptions-item label="可冲击">
						录取概率偏低（ 小于35% ），建议填在志愿表的前部分
					</el-descriptions-item>
					<el-descriptions-item label="较稳妥">
						录取概率偏低（ 大于35%，小于60% ），建议填在志愿表的中间部分
					</el-descriptions-item>
					<el-descriptions-item label="可保底">
						录取概率偏低（ 大于60% ），建议填在志愿表的后部分
					</el-descriptions-item>
				</el-descriptions>

			</el-scrollbar>
			<template #footer>
				<span class="dialog-footer">
					<el-button type="primary" @click="instruVisible = false">了 解</el-button>
				</span>
			</template>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		name: 'Instructions',
		data() {
			return {
				instruVisible: false

			}
		},
		methods: {
			handleClose(done) {
				this.$confirm('确认关闭？')
					.then((_) => {
						done()
					})
					.catch((_) => {})
			},
		},
	}
</script>

<style scoped>
	#text-title {
		margin-top: 20px;
		font-weight: bold;
	}

	#text-content {
		font-family: 楷体;
	}
</style>
